<template>
    
          <Tabbar>
      <TabbarItem path="/home" activeColor='#00a8ff'>
        <img slot="item_icon" src="~assets/image/home.svg" alt />
         <img slot="item_active_icon" src="~assets/image/home_active.svg" alt />
        <div slot="item_text">首页</div>
      </TabbarItem>
      <TabbarItem path="/category" activeColor='#00a8ff'> 
        <img slot="item_icon" src="~assets/image/cate.svg" alt />
         <img slot="item_active_icon" src="~assets/image/cate_active.svg" alt />
        <div slot="item_text">分类</div>npm 
      </TabbarItem>
      <TabbarItem path="/cart" activeColor='#00a8ff'>
        <img slot="item_icon" src="~assets/image/cart.svg" alt />
         <img slot="item_active_icon" src="~assets/image/cart_active.svg" alt />
        <div slot="item_text">购物车</div>
      </TabbarItem>
      <TabbarItem path="/profile" activeColor='#00a8ff'>
        <img slot="item_icon" src="~assets/image/profile.svg" alt />
         <img slot="item_active_icon" src="~assets/image/profile_active.svg" alt />
        <div slot="item_text">我的</div>
      </TabbarItem>
    </Tabbar>
    
</template>

<script>
import Tabbar from "../tabbar/tabbar.vue";
import TabbarItem from "../tabbar/tabbarItem.vue";
 export default {
    components: {
    Tabbar,
    TabbarItem
  }
};
 
</script>

<style scoped>


</style>